<template>
  <div>
    <Row>
      <Col span="18">
        <h3>基础数据</h3>
      </Col>
      <Col span="6">
        <div style="text-align:right;">
          <Button @click="openImportDataModal" type='primary'>导入数据</Button>
        </div>
      </Col>
    </Row>
    <Row>
      <Col span="24">
        <Tab ref="tab" />
      </Col>
    </Row>
    <import-data-modal @finish="refresh" ref="import-data"/>
  </div>
</template>
<script>
import Tab from './components/tab'
import ImportDataModal from './components/import-data-modal'
export default {
  components: {
    Tab,
    'import-data-modal': ImportDataModal
  },
  methods: {
    refresh () {
      this.$refs['tab'].refresh()
    },
    openImportDataModal () {
      this.$refs['import-data'].open()
    }
  }
}
</script>
